<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Jquery grid demo</title>
<link rel="stylesheet" type="text/css" href="grid/jqGrid/css/jquery-ui-1.8.custom.css" />
<link rel="stylesheet" type="text/css" href="grid/jqGrid/css/ui.jqgrid.css" />

<script src="jquery.min.js" type="text/javascript"></script>
<script src="grid/jqGrid/i18n/grid.locale-zh_CN.js" type="text/javascript"></script>
<script src="grid/jqGrid/js/jquery.jqGrid.src.js" type="text/javascript"></script>
<script src="grid/jqGrid/js/faceGrid.js" type="text/javascript"></script>
</head>

<body>

<div id='content'>
<div class="layer_box">
<div class="title">
<div align=center> 
<table id="gridpillar"></table> 
<div id="pagerone"></div>
</div>
</div>
</div>
</div>


<script>


function buildGrid(){
	var irisGrid = new FaceGrid("gridpillar","pagerone");
	var columnAttrList = new Array();
	var columnAttr1 = new ColumnAttr();
		columnAttr1.facadeName = "姓名";
		columnAttr1.name = "zh_name";
		columnAttr1.width = 3;
		columnAttr1.align = "center";
		columnAttr1.sortable = false;
		columnAttrList.push(columnAttr1);

	var columnAttr2 =new ColumnAttr("部门","invdate","invdate",2,"left",true);
		columnAttrList.push(columnAttr2);
		
	var columnAttr3 =new ColumnAttr("电子邮件","name","name",2,"left",true);
		columnAttrList.push(columnAttr3);

	var columnAttr4 =new ColumnAttr("联系电话","amount","amount",2,"right",true);
		columnAttrList.push(columnAttr4);
				
	var columnAttr5 =new ColumnAttr("角色","tax","tax",1,"right",true);
		columnAttrList.push(columnAttr5);
		
	var columnAttr6 =new ColumnAttr("审核状态","total","total",3,"right",true);
		columnAttrList.push(columnAttr6);
		
		
	irisGrid.setColumnAttrs(columnAttrList);
	
	irisGrid.setUrl("source.xml");
	irisGrid.setWidth(document.body.clientWidth);
	//irisGrid.setHeight('400');
	
	irisGrid.setCheckAble(true);
	irisGrid.setShowRowIndex(true);
	irisGrid.build();
}

$(function(){
	buildGrid();
})
</script>
</body>
</html>